import React from "react";
import { NavigationContainer } from "@react-navigation/native";
import { createNativeStackNavigator } from "@react-navigation/native-stack";
import LoginPage from "../page/LoginPage";
import RegisterPage from "../page/RegisterPage";
import HomePage from '../page/HomePage'
import WebViewPage from '../page/WebViewPage'
import WelcomePage from '../page/WelcomePage'
import AboutMePage from '../page/about/AboutMePage'
import AboutPage from '../page/about/AboutPage'
import SearchPage from '../page/SearchPage'
import SortKeyPage from '../page/SortKeyPage'
import CodePushPage from '../page/CodePushPage'
import CustomKeyPage from '../page/CustomKeyPage'
import DetailPage from '../page/DetailPage'

const Stack = createNativeStackNavigator();
// 在这里配置除了TAB页以外的页面
export default function App() {
    return (
        <NavigationContainer>
            <Stack.Navigator>
                <Stack.Screen
                    name="WelcomePage"
                    component={WelcomePage}
                    options={{ headerShown: false }}
                >
                </Stack.Screen>
                <Stack.Screen
                    name="LoginPage"
                    component={LoginPage}
                    options={{ headerShown: false }}
                >
                </Stack.Screen>
                <Stack.Screen
                    name="RegisterPage"
                    component={RegisterPage}
                    options={{ headerShown: false }}
                >
                </Stack.Screen>
                <Stack.Screen
                    name="HomePage"
                    component={HomePage}
                    options={{ headerShown: false }}
                >
                </Stack.Screen>
                <Stack.Screen
                    name="WebViewPage"
                    component={WebViewPage}
                    options={{ headerShown: false }}
                >
                </Stack.Screen>

                <Stack.Screen
                    name="AboutMePage"
                    component={AboutMePage}
                    options={{ headerShown: false }}
                >
                </Stack.Screen>
                <Stack.Screen
                    name="AboutPage"
                    component={AboutPage}
                    options={{ headerShown: false }}
                >
                </Stack.Screen>
                <Stack.Screen
                    name="SearchPage"
                    component={SearchPage}
                    options={{ headerShown: false }}
                >
                </Stack.Screen>
                <Stack.Screen
                    name="SortKeyPage"
                    component={SortKeyPage}
                    options={{ headerShown: false }}
                >
                </Stack.Screen>
                <Stack.Screen
                    name="CodePushPage"
                    component={CodePushPage}
                    options={{ headerShown: false }}
                >
                </Stack.Screen>
                <Stack.Screen
                    name="CustomKeyPage"
                    component={CustomKeyPage}
                    options={{ headerShown: false }}
                >
                </Stack.Screen>
                <Stack.Screen
                    name="DetailPage"
                    component={DetailPage}
                    options={{ headerShown: false }}
                >
                </Stack.Screen>
            </Stack.Navigator>
        </NavigationContainer>
    )
}